{extend name="base" /}
{block name="css"}
<link href="__STATIC__/zjs/css/swiper-3.4.1.min.css" rel="stylesheet"/>
{/block}
 {block name="body"}
        <!--轮播banner start-->
{notempty name='slide'}
        <div class="swiper-container">
               <div class="swiper-wrapper">
                   {volist name="slide" id="vo"}
                        <div class="swiper-slide"><a href="{$vo.link}"><img src="{$vo.image}" alt="" width="100%"></a></div>
                   {/volist}
               </div>
               <!-- Add Pagination -->
               <div class="swiper-pagination"></div>
        </div>
{/notempty}
	<!--轮播banner end-->
	<!--content start-->
	<div class="content">
		<div class="content_parts">
			<ul class="content_first">
				<li>
					<p class="content_num">{$user_num}</p>
					<p class="content_text">活动参与人数</p>
				</li>
				<li>
					<p class="content_num">{$order_num}</p>
					<p class="content_text">活动推荐个数</p>
				</li>
				<li>
					<p class="content_num">{$yongjin_count}<span>元</span></p>
					<p class="content_text">活动发放佣金</p>
				</li>
			</ul>
			{empty name='article'}
			暂无活动！
			{else /}
				<a href="{:url('article/index',['id'=>$article['id']])}">
					<img src="{$article.thumb|default=''}" alt="" width="100%">
					<div class="content_explain">
						<p class="content_explain_title">{$article.title|default=''}</p>
						<p class="content_explain_text">{$article.introduction|default=''}</p>
					</div>
				</a>
			{/empty}
		</div>
	</div>
        <!--content end-->
 {/block}
{block name="js"}
    <script src="__STATIC__/zjs/js/swiper-3.4.1.min.js" type="text/javascript"></script>
{/block}
{block name="script"}
    <script type="text/javascript">
            $(function(){
                var swiper = new Swiper('.swiper-container', {
                    pagination: '.swiper-pagination',
                    nextButton: '.swiper-button-next',
                    prevButton: '.swiper-button-prev',
                    paginationClickable: true,
                    spaceBetween: 30,
                    centeredSlides: true,
                    autoplay: 2500,
                    autoplayDisableOnInteraction: false
                }); 
            });    
    </script>
{/block}